<template>
	<view class="col itemThreeWrap" @tap="navigateTo(entrance)">
		<product-item-image :src="src" :dSrc="dSrc" />
		<view class="col flex1" style="display: flex;flex-direction: column;margin-left: 10rpx; margin-right: 10rpx;flex: 1;">
			<product-item-title :text="title" :label="titleLabel" :lines="2" style="margin-top: 5rpx; height: 64rpx;" />
			<view class="flex1" style="flex: 1;display: flex;flex-direction: column;">
				<product-item-discount v-if="discount" style="margin-top: 5rpx; margin-bottom: 5rpx;" :text="discount" />
				<product-item-original-price v-if="originalPrice" :text="originalPrice" />
			</view>
			<product-item-price :text="price" />
		</view>
		<product-item-btn class="productBtn" />
	</view>
</template>

<script>
	import productMixin from '@/mixins/productMixins.js'
	export default {
		mixins: [productMixin],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
	.itemThreeWrap {
		/* #ifndef APP-NVUE */
		display: flex;
		height: 100%;
		/* #endif */
		flex-direction: column;
		padding-bottom: 10rpx;
		position: relative;
	}
	
	.productBtn {
		position: absolute;
		bottom: 20rpx;
		right: 10rpx;
	}
</style>
